<!DOCTYPE html>
<html>
<head>
<title>Nusantara Scholar</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta content="True" name="HandheldFriendly" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="viewport" content="width=device-width" />

<!--imports fav icon-->
<link href="<?php echo base_url()?>assets/portal/img/fav_icon.png" type="x/icon" rel="shortcut icon" />
<!--imports the main css file-->
<link rel="stylesheet" href="<?php echo base_url()?>assets/portal/css/style.css" />
<!--imports the media queries css file-->
<link rel="stylesheet" href="<?php echo base_url()?>assets/portal/css/media-queries.css" />
<!--imports Anythingslider css file--> 
<link rel="stylesheet" href="<?php echo base_url()?>assets/portal/css/anythingslider.css" /> <!-- Dipake !-->
<!--imports prettyPhoto css file-->
<link rel="stylesheet" href="<?php echo base_url()?>assets/portal/css/prettyPhoto.css" />

<!--imports Google Maps API key-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=AIzaSyB4_O6h-ezvPegVi23ZzEJV9FPuNeHOWXA&amp;sensor=true" ></script>


<!--imports jquery-->
<script src="<?php echo base_url()?>assets/portal/js/jquery-1.9.1.min.js"></script> <!-- Dipake !-->
<script src="<?php echo base_url()?>assets/portal/js/jquery-migrate-1.1.0.min.js"></script>

<!--imports jquery form plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.form.js"></script>

<!-- imports the sticky plugin -->
<script src="<?php echo base_url()?>assets/portal/js/jquery.sticky.js"></script>

<!--imports jQuery Tools plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.tools.min.js"></script>

<!--imports scrollTo plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.scrollTo-1.4.3.1-min.js"></script>

<!--imports jquery nav plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.nav.js"></script>

<!--imports prettyPhoto plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.prettyPhoto.js"></script>

<!--imports twitter feed plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.tweet.js"></script>

<!--imports jQuery Easing plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.easing.1.2.js"></script>

<!-- Dipake !-->
<!--imports jQuery Anything Slider plugin-->
<script src="<?php echo base_url()?>assets/portal/js/jquery.anythingslider.min.js"></script>
<script src="<?php echo base_url()?>assets/portal/js/jquery.anythingslider.fx.min.js"></script>

<script>
$(document).ready(function() {	
		$('#content-slider ul').anythingSlider({			
			height: 310,
			delay: 4000,
			autoPlay: true,
			buildNavigation: false,
			hashTags: false, 
			buildArrows: true,
			expand: true
		})
		.anythingSliderFx({ 
		// base FX definitions 
		// '.selector' : [ 'effect(s)', 'size', 'time', 'easing' ] 
		// 'size', 'time' and 'easing' are optional parameters, but must be kept in order if added 
		/*'.description h2' : [ 'listLR', '', '400'],*/
		'.description, .slider-img' : ['fade'],
		'.slider-img'  : [ 'fade', '', '400' ], 
		'.description h2, .description span, .description p, .button' : [ 'listLR', '', '400', '' ] 
	  }); 
});
</script>

<!--imports custom javascript code-->
<script src="<?php echo base_url()?>assets/portal/js/custom.js"></script>

<!--[if IE 7]><link href="../css/ie7.css" rel="stylesheet" /><![endif]-->
<!--[if IE 8]>
	<link href="../css/ie8.css" rel="stylesheet" />
	<script src="../js/respond.js"></script>
<![endif]-->

<link rel="stylesheet" href="<?php echo base_url()?>assets/portal/css/layout.css" />
<script src="<?php echo base_url()?>assets/portal/js/options.js"></script>

</head>

<body class="pattern-1">
	<div id="container" class="cf">
	
		<div id="left-side" class="pattern-17">
		
			<div id="left-inner" class="cf">			
				
				<div id="logo">
					<h1><a class="local" href="#home"><img src="<?php echo base_url()?>assets/portal/img/logo.png" alt="Nusantara Scholar" /></a></h1>
				</div><!-- end logo -->
				
				<div id="navigation" class="sticky-nav">
					<ul id="nav-scroll" class="nav">
						<li class="active"><a href="#home">Home</a></li>
						<li><a href="#about">About</a></li>
						<li><a href="#contact">Contact</a></li>
                         <li><a href="#" onClick="window.open('<?php echo base_url()?>home', '_blank');">Join Us</a></li>
					</ul><!-- end nav -->
				</div><!-- end navigation -->
				
                <div id="support_layout">
                	<ul id="list_support">
                    	<li><div id="list_support_img"><img src="<?php echo base_url()?>assets/portal/img/sponsor/NKC.png" /></div></li>
                        <li><div id="list_support_img"><img src="<?php echo base_url()?>assets/portal/img/sponsor/DCS.png" /></div></li>
                        <li><div id="list_support_img"><img src="<?php echo base_url()?>assets/portal/img/sponsor/EI.png" /></div></li>
                        <li><div id="list_support_img"><img src="<?php echo base_url()?>assets/portal/img/sponsor/SPS.png" /></div></li>
                    </ul>
                </div>
                
				<div id="social-networks">
					<h3>Join with Nusantara Scholar !</h3>
					<ul id="social-links">
						<li class="facebook-bg" title="Facebook"><a href="#">Facebook</a></li>
						<li class="youtube-bg" title="Youtube"><a href="#">Vimeo</a></li>
						<li class="yahoo-bg" title="Yahoo"><a href="#">Yahoo</a></li>
						<li class="pinterest-bg" title="Pinterest"><a href="#">Pinterest</a></li>																			
						<li class="twitter-bg" title="Twitter"><a href="#">Twitter</a></li>
						<li class="dribbble-bg" title="Dribbble"><a href="#">Dribbble</a></li>
						<li class="google-bg" title="Google +"><a href="#">Google</a></li>				
					</ul><!-- end social-links -->
                    <h6 style="font-size:12px"><a href="">Help</a> || <a href="">Guidlines</a> || <a href="">Stats</a> 
                    || <a href="">Term of Us</a> || <a href="">Privacy Policy</a></h6>
				</div><!-- end social-networks -->
                
				<div id="copyright">Copyright &copy; 2013 Nusantara Schoolar.</div><!-- end copyright -->
			</div><!-- end left-inner -->	
		</div><!-- end left-side -->
		
		<div id="right-side" class="pattern-20">
	
	<!-- HOME PAGE -->
		
			<div id="home" class="page cf">			
				<h2 class="title">Selamat Datang di Nusantara Scholar</h2>
				<p class="page-subtitle">-Beasiswa Untuk Nusantara-</p>	

			<!-- BEGIN ANYTHING SLIDER -->

				<div id="content-slider-container">
					
						<div id="content-slider">
					 
							<ul>
								<!-- slide 1 -->
								<li>
									<div class="description">
										<span class="top-text">Bigung mencari beasiswa</span>
										<h2>Nusantara Scholar</h2>
										<span class="bottom-text">memberikan peluang mendapatkan beasiswa untuk anda</span>
										
										<a class="button small-btn" href="#">Daftar Disini &raquo;</a>
									</div>
									<div class="slider-img last">
										<img src="<?php echo base_url()?>assets/portal/img/sliders/layer/001.png" alt="image" />
									</div>					
								</li>
								<!-- slide 2 -->
								<li>
									<div class="slider-img">
										<img src="<?php echo base_url()?>assets/portal/img/sliders/layer/002.png" alt="image" />
									</div>
									<div class="description last">
										<span class="top-text">Kandidat Terpopuler</span>
										<h2>Siti Nurhalizah</h2>
										<span class="bottom-text">Mahasiswa UIN, Jakarta</span>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin  sapien risus, bibec tempor ac, posuere id magna. Fusce scelerisque pellentesqu suspendisse elementum tellus vel volutpat. </p>
										
										<a class="button small-btn" href="#">Selengkapnya &raquo;</a>
									</div>					
								</li>
								<!-- slide 3 -->
								<li>
									<div class="description">
										<span class="top-text">Kandidat Terpopuler</span>
										<h2>Dina Afriansyah</h2>
										<span class="bottom-text">Mahasiswa IPB, Bogor</span>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin  sapien risus, bibec tempor ac, posuere id magna. Fusce scelerisque pellentesqu suspendisse elementum tellus vel volutpat. </p>
										
										<a class="button small-btn" href="#">Selengkapnya &raquo;</a>
									</div>
									<div class="slider-img last">
										<img src="<?php echo base_url()?>assets/portal/img/sliders/layer/004.png" alt="image" />
									</div>					
								</li>
								<!-- slide 4 -->
								<li>
									<div class="slider-img">
										<img src="<?php echo base_url()?>assets/portal/img/sliders/layer/003.png" alt="image" />
									</div>
									<div class="description last">
										<span class="top-text">Kandidat Terpopuler</span>
										<h2>Adrianto Ario Seto</h2>
										<span class="bottom-text">Mahasiswa ITB, Bandung</span>
										<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin  sapien risus, bibec tempor ac, posuere id magna. Fusce scelerisque pellentesqu suspendisse elementum tellus vel volutpat. </p>
										
										<a class="button small-btn" href="#">Continue Reading</a>
									</div>					
								</li>								
							</ul>	
						</div><!-- end content-slider -->
									
				</div><!-- end slider-container -->	

			<!-- END ANYTHING SLIDER -->
				<div class="tagline cf">
					<div class="tagline-text">
						<h2>NUSANTARA SCHOLAR IS A FUNDING PLATFORM FOR CREATIVE SCHOLAR <a href=""><span> LEARN MORE &raquo;</span></a></h2>
						<p>
                        </p>
					</div><!-- end tagline-text -->
				</div><!-- end tagline -->
				
				<div class="separator"></div>
                
                <div class="full-width cf">
					<div class="col-title">
						<h3>See All 25 Social Scholar</h3>
						<span class="subtitle">Say Hello to they</span>
					</div>
					
					<div class="team">
						<div class="member cf">
							<div class="member-details">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-1.jpg" alt="image" width="210px" />
								
								<div class="member-name">
									<h4>Dina Afriansyah</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa IPB</span>
								</div><!-- end member-name -->
                                
								<div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-75"><span>Votingan - 75&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
						</div><!-- end member -->
						
						<div class="member cf">
							<div class="member-details cf">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-2.jpg" alt="image" />
								
								<div class="member-name">
									<h4>Siti Nurhaliza</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa UIN , Jakarta</span>
								</div><!-- end member-name -->
								
								<div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-90"><span>Votingan - 90&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
							
						</div><!-- end member -->
						
						<div class="member cf">
                        	<div class="member-details">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-3.jpg" alt="image" />
								
								<div class="member-name">
									<h4>Adrianto Ario Seto</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa ITB, Bandung</span>
								</div><!-- end member-name -->
								
								<div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-80"><span>Votingan - 80&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
						</div><!-- end member -->
                        
                        <div style="clear:both">&nbsp;</div>
                        
                        <div class="member cf">
							<div class="member-details">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-4.jpg" alt="image" width="210px" />
								
								<div class="member-name">
									<h4>Muhammad Raffi</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa IPB</span>
								</div><!-- end member-name -->
								
                                <div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-60"><span>Votingan - 60&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
						</div><!-- end member -->
						
						<div class="member cf">
							<div class="member-details cf">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-5.jpg" alt="image" />
								
								<div class="member-name">
									<h4>Iga Massardi</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa UI , Jakarta</span>
								</div><!-- end member-name -->
								
								<div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-85"><span>Votingan - 85&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
							
						</div><!-- end member -->
						
						<div class="member cf">
                        	<div class="member-details">															
								<img class="member-img" src="<?php echo base_url()?>assets/portal/img/member-6.jpg" alt="image" />
								
								<div class="member-name">
									<h4>Michael Zoomba</h4>
									<span class="subtitle" style="color:#F89838">Mahasiswa UI, Jakarta</span>
								</div><!-- end member-name -->
								
								<div class="toggle-container">
                                    <div class="toggle-header">					
                                        <h4><a class="tog-open" href="#"><span></span>Deskripsi :</a></h4>	
                                    </div>
                                    <div class="toggle-content">	
                                        <p>Aliquam eget lacus magna quis. Suspendisse sit amet odio pellentesque odio faucibus tristique. Fusce scelerisque pellentesque mi. Suspendisse elementum tellus ut quam pharetra vel volutpat et, euismod eu sem. Morbi facilisis, ligula a faucibus pellentesque, orci justo consequat massa, sit amet dapibus dolor diam viverra mi. Aenean porttitor.</p>
                                    </div>
                                </div><!-- end toggle-container -->	
                                
                                <ul class="skills">
									<li><p class="skill-70"><span>Votingan - 70&#37;</span></p></li>
								</ul>
							</div><!-- end member-details -->
						</div><!-- end member -->
						
					</div><!-- end team -->
					
				</div>
				
				<div class="separator"></div>
                
			</div><!-- end home -->
			
			
	<!-- ABOUT PAGE -->	
	
			
			<div id="about" class="page cf">			
				<h2 class="title">About us</h2>
				<p class="page-subtitle">-Siapa Kami ?-</p>		

				<div class="full-width-margin cf">
					<h3>Tentang Nusantara Sechoolar</h3>
					<img class="left-img" src="<?php echo base_url()?>assets/portal/img/about_us.png" alt="Image description" />
					<p>
                    Nusantarascholar adalah sebuah media situs jejaring social online yang keseluruhan bertujuan untuk memberikan donasi beasiswa kepada setiap calon calon pemuda- pemudi unggul indonesia yang memiliki mimpi besar untuk menggapai cita-cita lewat pendidikan di universitas atau lembaga yang diimpikannya. Nusantarascholar mencoba menjadi sebuah media yang memberikan akses informasi kepada generasi-generasi  unggul di indonesia yang memiliki keterbatasan dana dan informasi untuk melanjutkan pendidikan ke jenjang yang lebih tinggi, dengan kesempatan yang akan diberikan sebagai calon penerima beasiswa. Media ini nantinya juga berguna bagi instansi swasta dan negeri (Pemerintahan) yang ingin memberikan kepeduliannya untuk pendidikan di Indonesia, 

organisasi kampus sebagai tempat pencetak generasi unggul untuk mencalonkan perwakilannya sebagai penerima beasiswa, pakar pendidikan untuk memberikan ide dan gagasan bagi pendidikan di indonesia, dan setiap lapisan masyarakat yang ingin memberikan sumbangsih baik itu pikiran dan donasi kepada setiap calon penerima beasiswa.
Media ini terbuka bagi setiap orang yang ingin berpartisipasi, lewat program dengan waktu yang ditentukan untuk donasi dan pemilihan kriteria calon beasiswa, diharapkan mampu melahirkan penerima beasiswa yang kompeten dengan klasifikasi yang telah ditetapkan berdasarkan beberapa elemen yang terlibat, baik dari banyaknya dukungan, dan pengamatan dari pakar pendidikan atau expert domain dalam memberikan penilaian bagi calon penerima beasiswa, diharapkan dengan adanya media Nusantarascholar mampu menyaring dan mengumpulkan pemuda- pemudi unggul di Indonesia yang terkendala keterbatasan dana untuk melanjutkan pendidikan ke jenjang yang lebih tinggi, tujuannya jelas untuk kembali menggangkat nama Indonesia di pentas dunia dengan prestasi generasi muda yang luar biasa, ini bukan peran pemerintah semata, tapi peran kita semua untuk membantu generasi muda indonesia meraih mimpinya.
                    </p>
                    
					<h3>Latar Belakang</h3>
					<!-- <img class="right-img" src="<?php echo base_url()?>assets/portal/placeholder.jpg" alt="Image description" />!-->
					<p>
                    Alasan Nusantarascholar bergerak untuk kembali membangun peradaban Indonesia yang lebih baik, lewat pendidikan yang merata, pendidikan yang dipantau untuk kemajuan Indonesia. Riset yang ditujukan untuk kembali mengangkat derajat indonesia di mata dunia. Salah satu cara yang kami bangun adalah lewat beasiswa untuk nusantara di Nusantarascholar. Kami ingin membangun kembali kejayaan negeri ini melalui pendidikan, kita tidak harus berharap dengan pemerinah dan keadaan yang ada sekarang, mari kita berkontribusi memberikan sedikit yang kita miliki untuk mewujudkan mimpi bagi pemuda pemudi Indonesia melalui beasiswa yang diberikan dengan harapan kelak mampu menambah daya saing generasi Indonesia  di dunia. Agar Garuda kembali berjaya di pentas dunia dengan segala prestasinya
                    </p>		
				</div>
				
				<div class="separator"></div>
			</div><!-- end about -->
	
	<!-- CONTACT PAGE -->

	
			<div id="contact" class="page cf">			
				<h2 class="title">Contact Us</h2>
				<p class="page-subtitle">-Yet Another Subtitle-</p>	

				<div id="google-map">
					<iframe width="690" height="305" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Smederevska+Palanka,+Central+Serbia&amp;aq=1&amp;sll=38.918167,-97.209177&amp;sspn=0.013239,0.031478&amp;ie=UTF8&amp;hq=&amp;hnear=Smederevska+Palanka,+Central+Serbia,+Serbia&amp;ll=44.362029,20.961227&amp;spn=0.015341,0.033216&amp;z=14&amp;iwloc=A&amp;output=embed"></iframe>
				</div>
				
				<div class="separator"></div>
				
				<div class="two-third">
					<div class="col-title">
						<h3>Kotak Form</h3>
						<span class="subtitle">Tinggalkan Pesan</span>
					</div>
					
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin  sapien risus, bibendu
					ac tempor ac, posuere id magna. Fusce scelerisque pellentesqusus.</p>
					
					<form id="contact-form" method="post" action="http://www.ivanjevremovic.in.rs/live/motivation/orange/submitemail.php">						
						<label for="name">Name: (*)</label><input  class="textbox" type="text" name="name" id="name" />
						<label for="email">E-mail: (*)</label><input  class="textbox" type="text" name="email" id="email" />
						<label for="subject">Subject: </label><input  class="textbox" type="text" name="subject" id="subject" />					
						<label for="message">Message: (*)</label><textarea class="textbox" name="message" id="message"></textarea>
						<br />
						<input class="button small-btn" type="submit" name="submit" value="Send Message" id="submit" /> <br />
						<p id="message-outcome"></p>
					</form>
					
				</div>
				
				<div class="one-third last">
					<div class="col-title">
						<h3>Kontak Alamat</h3>
						<span class="subtitle">Want To Talk With Us?</span>
					</div>					
									
					<span class="contact-details">Address:</span>
					
					<p>
					Name of the street 123/4 <br />
					Name of the City <br />
					Name of the Country <br />
					</p>
					
					<span class="contact-details">Phone Numbers:</span>
					
					<p>
						+321 123 456 <br />
						+321 654 456 <br />
					</p>
					
					<span class="contact-details">Email and Website:</span>
					
					<p>
						E-mail: <br /><a href="#">admin@nusantarascholar.com</a> <br />
						Website: <br /><a href="#">www.nusantarascholar.com</a> <br />
					</p>
				</div>
			</div><!-- end contact -->
						
		</div><!-- end right-side -->
		
	</div><!-- end container -->	

</body>
</html>